<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./default.css">
    <title>Document</title>
    <style id="styleTag"></style>
</head>
<body>
    <div class="code-wrapper">
        <pre id="code"></pre>
      </div>
      <div class="preview-wrapper">
        <div class="face_01">
            <div class="face_02">
                <div class="eye_box clearfix">
                    <div class="big_eye_left"> <div class="small_eye_left"></div>
                    </div>
                    <div class="big_eye_right"> <div class="small_eye_right"></div>
        
                    </div>
                </div>
                <div class="nose_01"> <div class="nose_01_shadow"></div>
        
                </div>
                <div class="nose_02"></div>
                <div class="mouth"></div>
                <div class="whisker_left"> <div class="whisker"></div>
                    <div class="whisker"></div>
                    <div class="whisker"></div>
        
                </div>
                <div class="whisker_right"> <div class="whisker"></div>
                    <div class="whisker"></div>
                    <div class="whisker"></div>
                </div>
            </div>
            <div class="collar">
                <div class="bell_01"> <div class="bell_02"></div>
                    <div class="bell_03"></div>
                    <div class="bell_04"></div>
                    <div class="bell_05"></div>
                </div>
            </div>
        </div>
      </div>
    <script src="./main.js"></script>
    
</body>
</html>
